@charset "utf-8";

/* IE7 hack */
.alert .alert-heading {*float:left;}
.modal > .modal-header{*zoom:1;}
.modal > .modal-header > h3 {*float:left;}
.modal .modal-body{*overflow-x:hidden;}
.breadcrumb li{*padding-right:3px;}
html{*overflow-y:auto;} /* remove the default scrollbar in IE7 */

/* fix */
.navbar-inner{background-color: #eee;}
input{overflow:hidden;} /* for some ie browsers */
button, input[type='button'], input[type='reset'], input[type='submit']{font-family:inherit;} /* for opera */
textarea{resize:none;overflow-y:auto;} /* forbidden resizing the textarea */
.typeahead{padding: 0;}
.typeahead > li > a{padding:3px 5px;}
.typeahead li.active > a, .typeahead li.active > a:hover, .typeahead li.active > a:focus{background:#09f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled = false)" !important;}
.radio.inline, .checkbox.inline{white-space:nowrap;*display:inline;*zoom:1;} /* fixed the wrap */
.radio.inline, .checkbox.inline{vertical-align: top;padding-left:5px;}
td .radio.inline, td .checkbox.inline{vertical-align: middle;}
.radio input[type="radio"], .checkbox input[type="checkbox"]{margin-left: 0;}
/*.breadcrumb{padding-left: 2px;} *//* minus padding of breadcrumb */
body > a[target]{display:none;} /* for baidu count plugin */
.dropdown-menu a, .dropdown-submenu a{background-image:none !important;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled = false)" !important;}
[data-href]{cursor:pointer;}
.pagination li > a{display:block;}
.breadcrumb{padding:0;margin:0 0 20px;font-size: 12px;}
.btn{min-width: 60px;}
.btn-mini{min-width:60px;}
.btn-small{min-width:70px;}
a:focus{outline:none;}
.modal-body{overflow-y: visible;}/* 影响未知，对含有iframe的页面的问题已经用js解决 */
/* FUCKING 设计 */
.topbar .caret{border-width:6px 6px 0 6px;}
.topbar .dropdown .caret{margin-left: 0;}
.topbar .dropdown-menu{padding: 0;border:1px solid #e0e0e0;border-top:0;background-color: #f2f2f2;}
.close{font-size:28px;*font-size:20px;}
.modal-body{padding:20px 30px;}
#contactModal .modal-body, #messageModal .modal-body{padding:15px;}
.modal .form-horizontal .control-label{width: 100px;}
.modal .form-horizontal .controls{margin-left: 110px;*margin-left: 0;}
/*tr > td:first-child{vertical-align: top;}*/ /* 有bug */

/* common */
html[lang='en'] body, html[lang='EN'] body, html[lang='En'] body{font-family:"arial","Microsoft Yahei",sans-serif;}
body{background-color:#fff;}
body.bg{background:#fff url('../images/bg_line.png') no-repeat center top;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {width: 980px;}
.namespace{margin-left:auto;margin-right:auto;width:980px;*zoom:1;}
.namespace:before, .namespace:after{display:table;content: "";line-height: 0;}
.namespace:after{clear: both;}
.nonestyle{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;}
.imgbox{position: relative;overflow:hidden;*text-align:center;z-index:1;}
.imgbox > img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;z-index:2;*position: relative;} /* put the img to the center of box */
.tag{position: absolute;right:5px;top:2px;z-index:13;background:transparent url("../images/home_spirit.png") no-repeat -20px 0;display:inline-block;*display:inline;*zoom:1;width: 18px;height: 18px;color:#fff;text-align:center;line-height: 18px;}
.tag:empty{display:none;}
.dropdown-menu > li > a > b{float: right;color:#eb6100;font-family:inherit;font-weight:normal;}
.dropdown-hover:hover > .dropdown-menu{display:block;margin-top:-1px;}
.dropdown-hover > .dropdown-menu:before, .dropdown-hover > .dropdown-menu:after{border:none;display:none !important;}

    /* main menu */
.main-menu i{background-image:url("../images/home_spirit.png");}
.main-menu > .main-list{position:absolute;background-color:#fff;border:1px solid #ddd;margin:0;padding:0;z-index:182;}
.home .main-menu > .main-list > li:first-child{margin-top: -1px;}
.main-menu li > a{display: block;padding:8px 12px 7px 15px;width:191px;color:#666;text-decoration:none;}
.main-menu li > a:hover{background-color:#f0f0f0;color:#09f;}
.main-menu li > a > i{float: right;width:20px;height: 20px;background-position: -40px -220px;}
.main-menu li > a > span, .main-menu li > a > b{float: right;color:#eb6100;font-weight:normal;}
.main-menu .sub-list{list-style: none;margin: 0;padding:0;position: absolute;left:218px;top:-1px;min-height:209px;width:218px; display: none;background-color:#fff;border:1px solid #ddd;z-index:181;}
.main-menu .main-list > li:hover .sub-list{display:block;}
.main-menu .main-list > li > a:hover{font-weight:bold;}

.undertopbar{display: block;visibility: hidden;font-sise:0;height:59px;}
.topbar{border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.topbar .brand{padding:7px 20px 8px;margin-right:60px;opacity:0.8;}
.topbar .brand:hover{opacity:1;}
.topbar a{text-shadow:none !important;}
.topbar a.text-blue{color:#09f !important;cursor:default;}
.topbar .tag{right:0;}
.topbar .dropdown-hover .tag{right:20px;}
.topbar .user-info{padding-top:0;}
.topbar .user-info .imgbox{width: 40px;height: 40px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;cursor: default;background:transparent url("../images/user2.png") no-repeat 0 0;}
.topbar .user-info .email{display:inline-block;*display: inline;*zoom:1;max-width:90px;overflow:hidden;text-overflow: ellipsis;vertical-align: middle;padding-left:10px;}
.topbar .nav.pull-right .dropdown > a.dropdown-toggle{padding-right:2px;}
.topbar .nav.pull-right .dropdown > a.dropdown-toggle > span{display:inline-block;*display: inline;*zoom:1;max-width:120px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: 3px;vertical-align: top;font-size:12px;}
.topbar .nav.pull-right .dropdown > a.dropdown-toggle > span + .caret{border-width:4px 4px 0 4px;}
.home .topbar .brand{display: none;}
.home .topbar .nav{float: right;margin-right: -10px;}
.home .topbar .nav.pull-right{float: left;}
.home .topbar .nav.pull-right li > a:first-child{padding-left: 5px;}
.home .topbar .nav.pull-right .dropdown-hover .dropdown-menu{left:0;right:auto;}
header{margin-bottom:20px;}
header .main-menu{float: left;}
header .main-menu .main-list{display:none;}
header .main-menu:hover > .main-list{display: block;border-top:0;}
header .main-menu > a{display:block;font-size:20px;line-height: 30px;padding:5px 15px;width:190px;color:#7d7d7d;text-decoration:none;background-color:#eee;}
header .main-menu:hover > a{background-color:#e5e5e5;}
header .main-menu > a > i{float: right;width:20px;height:20px;background-position: -20px -180px;margin-top: 5px;}
header .main-menu .sub-list{border-left-color:#f0f0f0;}
header .searching-form{float: right;margin-bottom:0;position: relative;width: 750px;}
header .searching-form .input-append{margin: 0;}
header .searching-form .input-append .btn-warning:hover{background-color: #dc5a00;}
header .searching-form .searching-input{padding:8px 6px 8px 117px;font-size: 16px;*line-height:40px;width:500px;border:2px solid #eb6100;float: left;border-radius:0;color:#707070;}
header .searching-form .btn-group{height: 30px;overflow:hidden;position: absolute;left:3px;top:5px;z-index: 10;}
header .searching-form .btn-group.open{overflow:visible;} /* 解决在不同分辨率下btn-group与左边input不对齐问题 */
header .searching-form .btn-group label{background-color:#f0f0f0;padding:5px 0 5px 8px;*padding-bottom:9px; width:100px;margin: 0;display:none;margin-bottom: 4px;}
header .searching-form .btn-group label:first-child{background-color:#fff;display:block;border-right:1px solid #eb6100;*margin-top:-1px;}
header .searching-form button[type='submit']{float: left; padding:10px 24px 10px 10px;font-size:20px;border:none;*padding:2px 24px 2px 12px;}
header .searching-form i{background-image:url("../images/home_spirit.png");}
header .searching-form label i{width: 20px;height: 20px;}
header .searching-form i.searic-pro{background-position: -40px -300px;}
header .searching-form i.searic-sup{background-position: -40px -320px;}
header .searching-form i.caret-down{background-position: -40px -340px;display:none;}
header .searching-form .btn-group label:first-child i.caret-down{display:inline-block;*display: inline;}
header .searching-form i.searic-btn{background-position: -40px -280px;width:20px;height: 20px;vertical-align: top;*vertical-align: middle;*margin-right: 3px;}
header .top-search{color:#09f;font-size: 12px;margin:3px 0 0 0;max-width: 620px;white-space: nowrap;overflow:hidden;}
header .top-search > span > a{display: inline-block;*display: inline;*zoom:1;max-width: 100px;overflow:hidden;text-overflow:ellipsis;vertical-align: top;*vertical-align: auto;}
header .top-search a{color:#959595;}
header .top-search a:hover{color:#09f;}
.home header .searching-form{width: 730px;}
.home header .searching-form .searching-input{width: 480px;}

footer{background-color: #eee;padding:50px 0;color:#7d7d7d;}
footer.affix{bottom:0;left:0;width:100%;z-index:30;}
footer .link-list > li{float:left;border-left:1px solid #b5b5b5;padding-left:4px;line-height:16px;}
footer .link-list > li:first-child{border-left:0;padding-left:0;}
footer .link-list > li > a{padding-right:5px;color:#7d7d7d;}
footer p{font-size:12px;margin:0;}
footer > .container{position: relative;}
footer .egg{text-decoration:none;color:#1b1b1b;font-style:italic; position: absolute;right:0;bottom:0;font-size:20px;font-weight: bold;transition:color 1s ease;text-shadow:0 1px 0 rgba(255,255,255,.1);*display: none;}
footer .egg:hover{color:#999;}
#scrolltop {display:none;position:fixed;bottom:10px;right:10px;padding:12px;text-align:center;background-color:#09f;opacity:0.5;transition:opacity .5s;filter:alpha(opacity=50);}
#scrolltop > i{background-image:url("../images/home_spirit.png");background-position: -40px -200px;width: 20px;height: 20px;}
#scrolltop:hover{opacity:1;filter:alpha(opacity=100);}

i{vertical-align:middle;background-repeat:no-repeat;background-color:transparent;display:inline-block;*display:inline;*zoom:1;}
[class*='navico-']{background-image:url("../images/home_spirit.png");width:15px;height: 15px;*margin-right:2px;}
.navico-user{background-position:0 0;}
.navico-service{background-position: 0 -20px;}
.navico-msg{background-position: 0 -40px;}
.navico-info{background-position: 0 -60px;}


#chemon_add{position:fixed;right:3px;top:143px;z-index:100;overflow: hidden;transition:height 0.3s ease;}
#chemon_add > .close{font-size:30px;font-weight:200;top:4px;right:2px;position: absolute;color:#fff;opacity:.9;filter:alpha(opacity=90);}

/* predefined */
/* @orange: #eb6100, @blue: #0099ff, @purple: #5637aa, @green: #009900, @red: #e60012, @lightgray: # */
.text-blue {color:#09f;}
.text-white {color:#fff;}
.text-gray {color:#666;}
.bg-blue{background-color: #0099ff;}
.bg-orange{background-color: #eb6100;}
.bg-purple{background-color: #5637aa;}
.bg-green{background-color: #009900;}
.bg-red{background-color: #e60012;}
.bg-white{background-color: #ffffff;}
p.indent{text-indent:2em;}
.bold{font-weight:bold;}
.em{font-style: italic;}
.upper{text-transform: uppercase;}
.border{border:1px solid #ddd;}
.infinite {width:99999%;}
.relative {position: relative;*z-index:1;}/* z-index just for IE 7 BUG */
.dis-inline{display: inline-block;*display: inline;*zoom:1;}

/* chosen */
.pull-left .chzn-container {margin:0 3px 0 0;}
.chzn-container {vertical-align: middle;font-size:13px;margin-bottom:8px;}
table .chzn-container{vertical-align:top;}
.chzn-container .chzn-drop {font-size:12px;z-index:500;}
.chzn-container-single .chzn-single {height: 24px;margin-top: 0 !important;}
select.chzn-done{z-index:-1;position:absolute;height:24px !important;border:none;opacity: 0;filter: alpha(opacity=0);}

/* icheck */
.inline [class*='icheckbox_'], .inline [class*='iradio_'] {display: inline-block;*display:inline;*zoom:1;vertical-align: middle;}

/* datepicker, timepicker */
input.date-picker[readonly], input.time-picker[readonly]{cursor:default;background:#fefefe;}

/* alert box style */
.alert-box{width:400px;margin-left: -200px;z-index:1060 !important;}
.alert-box.fade{top:-25%;}
.alert-box.fade.in{top:30%;}
.alert-box .modal-body{font-size:15px;height: 20px;width: 370px;padding:30px 15px;/*word-break:break-all;*/}
.alert-box .modal-footer{padding:5px 10px;font-size:13px;}
.alert-box .modal-footer .btn{font-size:13px;}
.box-backdrop{background-color:#111;bottom: 0;left: 0;position:fixed;right: 0;top: 0;z-index:1050;}
.box-backdrop.fade{opacity:0;filter:alpha(opacity=0);}
.box-backdrop, .box-backdrop.fade.in{opacity:0.5;filter:alpha(opacity=50);}

/* split dropdown menu in navbar */
.navbar .dropdown-split > a{display: inline-block;*display: inline;*zoom: 1;}
.navbar .dropdown-split > a:first-child{padding-right: 0;}
.navbar .dropdown-split > a.dropdown-toggle{padding-left: 2px;}

/* portSelector */
.citySelector{font-size:12px;background:#fff}
.citySelector .cityslide{width:250px;list-style:none;margin:0;border:1px solid #85bee5;border-right-color:#3485c0;border-bottom-color:#3485c0;box-shadow:2px 2px 3px rgba(0,0,0,.3);margin-top:-2px;max-height:250px;overflow-y:auto;}
.citySelector .cityslide li{list-style:none;overflow:hidden;height:16px;padding:4px 5px;cursor: pointer;}
.citySelector .cityslide li:hover, .citySelector .cityslide li.on{background:#09f;color:#fff}
.citySelector .cityslide li b{font-weight:400}
.citySelector .cityslide li.empty{background:#fff2e8;color:#666}
.citySelector .cityslide li.empty em{color:red;font-style:normal}
.citySelector .cityname{float:left;max-width:70%}
.citySelector .cityspell{float:right}
.citySelector .cityBox{width:600px;border:1px solid #ccc;overflow:hidden;box-shadow:none}
.citySelector .cityBox ul{margin:0;overflow:hidden;list-style:none;}
.citySelector .cityBox ul li{float:left;list-style:none;padding:2px 4px;border:1px solid #ccc;cursor:pointer;margin-left:4px;display:inline;background:#09f;color:#fff;min-width:22px;text-align:center;}
.citySelector .cityBox ul li.on{background:#fff;border-bottom-color:#fff;position:relative;color:#555;}
.citySelector p.tip{color:#666;line-height:20px;padding:5px;margin:0;text-indent:3px;font-weight:bold;}
.citySelector .hotCity{min-height:20px;border-top:1px solid #ccc;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:5px;padding-top:5px;_margin-bottom:8px}
.citySelector .cityTab{overflow:hidden}
.citySelector .cityTab dl{margin:0;padding:0;overflow:hidden}
.citySelector .cityTab dl dt{float:left;padding-left:3px;color:#F30;text-indent:5px;font-family:"Lucida console",consolas,"courier new",sans-serif;line-height:22px;font-size:14px;width:20px}
.citySelector .cityTab dl dd{margin-left:2px;float:left;width:570px}
.citySelector .cityTab dl dd a{padding:0 5px;width:100px;max-width:100px;white-space:nowrap;overflow:hidden;line-height:22px;float:left;color:#333;text-decoration:none}
.citySelector .cityTab dl dd a:hover{text-decoration:underline;color:red}

/* fileinput */
label.file-label > input[type='file']{opacity:0;filter:alpha(opacity=0);width:1px;height:1px;position:fixed;left:-1000px;}
form.nonestyle{display:inline-block;*display:inline;*zoom:1;}

/* validationEngine style */
.formError{z-index:1290}
.formError .formErrorContent{z-index:1291}
.formError .formErrorArrow{z-index:1296}
.formErrorInsideDialog.formError{z-index:1200}
.formErrorInsideDialog.formError .formErrorContent{z-index:1201}
.formErrorInsideDialog.formError .formErrorArrow{z-index:1206}
.inputContainer{position:relative;float:left}
.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%;background:#b14849;position:relative;color:#fff;width:150px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.greenPopup .formErrorContent{background:#33be40}
.blackPopup .formErrorContent{background:#393939;color:#FFF}
.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}
body[dir=rtl] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 0 0 12px;top:2px}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;font-size:0;height:1px;background:#b14849;margin:0 auto;line-height:0;font-size:0;display:block}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF}
.formError .formErrorArrow .line10{width:15px;border:0}
.formError .formErrorArrow .line9{width:13px;border:0}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:0;background:#ddd}
.formError .formErrorArrow .line1{width:1px;border:0;background:#ddd}

/* jquery-ui autocomplete style */
.ui-autocomplete-loading {background: white url('../images/loading.gif') right center no-repeat;}
.ui-autocomplete{*max-width:625px;min-width:540px;background-color:#fff;border:1px solid #ddd;list-style:none;z-index:180;position: absolute !important;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.home .ui-autocomplete{*max-width:597px;}
.ui-autocomplete li > a{color:#09f;text-decoration:none;padding:5px 10px;display:block;cursor:pointer;white-space:nowrap;border-bottom:1px solid #eee;}
.ui-autocomplete li:last-child > a{border-bottom:0;}
.ui-autocomplete li > a > span{display:inline-block;*display:inline;*zoom:1;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home .ui-autocomplete li > a > span{max-width: 500px;}
.ui-autocomplete li > a > b{float: right;font-weight:normal;padding-right:20px;}
.ui-autocomplete li:hover, .ui-autocomplete li:focus{background-color:#09f;}
.ui-autocomplete li:hover a, .ui-autocomplete li a.ui-state-focus{color:#fff;background-color:#09f;}
.ui-helper-hidden-accessible{display:none;}

/* pageloading style */
.pageloading{position: absolute;z-index:1036;height: 16px;}
.pageloading > i{width: 16px;height: 16px;background:transparent url("../images/loading.gif") no-repeat center;vertical-align: middle;}
.pageloading > i.icon-spin{background-image:url("../images/loading_spin.png");}
.pageloading.higher{z-index:1400;}
.pageloading span{padding-left: 8px;font-size:12px;white-space:nowrap;vertical-align: middle;}
.pageloading-cover{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:1035;background:url("../images/pix/black2.png") repeat;}
.pageloading[loading-type='2']{height: 32px;}
.pageloading[loading-type='2'] > i{width: 32px;height: 32px;background-image:url("../images/loading2.gif");}
.pageloading[loading-type='2'] > i.icon-spin{background-image:url("../images/loading2_spin.png");}
.pageloading[loading-type='2'] span{font-size:14px;}

/* scrollbar */
@media only screen and (min-width: 1200px) {
    ::-webkit-scrollbar{width:10px;height:10px;background-color:#ccc;border-radius:99px;}
    ::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.6);border-radius:99px;}
    ::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50, .99);}
}

/* Animated rotating icon */
.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-spin {display: inline-block;text-decoration: none;}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg);}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(359deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(359deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(359deg);}
}

/* 解决imac上的一些问题 */
@media only screen and (min-width: 2000px) and (-webkit-min-device-pixel-ratio: 1.0){
    .topbar [class*='navico-']{position: relative;top:-3px;}
}
